@babel/cli

What is @babel/cli?

The @babel/cli package is a command-line interface for Babel, a widely used JavaScript compiler. It allows developers to compile their JavaScript files using Babel directly from the command line. This package is particularly useful for compiling modern JavaScript down to a version that is compatible with older browsers or environments. It supports various functionalities such as file transformation, watching files for changes, and outputting the compiled code.

What are @babel/cli's main functionalities?

File Transformation

This feature allows you to transform a single JavaScript file. The command takes an input file (src/index.js) and compiles it into an output file (compiled.js).

babel src/index.js --out-file compiled.js

Directory Transformation

Transforms all JavaScript files in a directory. This command compiles all files in the 'src' directory and outputs the compiled files into the 'lib' directory.

babel src --out-dir lib

Watch Mode

Automatically recompiles files when they change. This command watches all files in the 'src' directory for changes and recompiles them to the 'lib' directory whenever any file is modified.

babel src --watch --out-dir lib

Other packages similar to @babel/cli

typescript

TypeScript is a superset of JavaScript that compiles down to plain JavaScript. It offers type checking and is aimed at the development of large applications. While TypeScript provides its own compiler, it serves a slightly different purpose than @babel/cli but overlaps in the sense that both compile code to JavaScript.

webpack

Webpack is a static module bundler for JavaScript applications. It processes applications and bundles them into one or more bundles. It can be configured to use Babel through loaders (e.g., babel-loader) for compiling JavaScript. Webpack offers a broader range of functionalities compared to @babel/cli, including bundling, asset management, and optimization features.

rollup

Rollup is another module bundler for JavaScript which focuses on the efficiency of the final bundles. Similar to Webpack, it can integrate with Babel to compile JavaScript files. Rollup is often preferred for library development due to its efficient bundling strategy. It provides similar compilation features when used with Babel but is more focused on the bundling aspect.

README

@babel/cli

Babel command line.

See our website @babel/cli for more information or the issues associated with this package.

Install

Using npm:

npm install --save-dev @babel/cli

or using yarn:

yarn add @babel/cli --dev

Changelog

v7.25.6 (2024-08-29)

:bug: Bug Fix

• babel-generator
  • #16783 Properly print inner comments in TS array types (@nicolo-ribaudo)
  • #16775 fix: jsx whitespace is not properly preserved when retainLines (@liuxingbaoyu)
• babel-traverse
  • #16727 fix: path.getAssignmentIdentifiers may be undefined (@liuxingbaoyu)
• babel-parser
  • #16761 fix: improve static canFollowModifier checks (@JLHwung)
• babel-helpers, babel-plugin-transform-optional-chaining, babel-runtime-corejs3
  • #16769 Only wrap functions in superPropertyGet helper (@nicolo-ribaudo)

:nail_care: Polish

• babel-generator, babel-plugin-transform-async-to-generator, babel-plugin-transform-block-scoping, babel-plugin-transform-class-properties, babel-plugin-transform-classes, babel-plugin-transform-duplicate-named-capturing-groups-regex, babel-plugin-transform-named-capturing-groups-regex, babel-plugin-transform-react-jsx-development, babel-plugin-transform-react-jsx, babel-plugin-transform-react-pure-annotations, babel-plugin-transform-regenerator, babel-plugin-transform-runtime, babel-preset-env
  • #16780 Do not enforce printing space between ( and comments (@nicolo-ribaudo)
• babel-plugin-syntax-import-assertions, babel-plugin-syntax-import-attributes
  • #16781 Don't throw when enabling both syntax-import-{assertions,attributes} (@nicolo-ribaudo)
• babel-generator
  • #16782 TS union/intersection nested in union does not need parens (@nicolo-ribaudo)

:house: Internal

• babel-generator
  • #16777 Remove unused parent params in the generator (@nicolo-ribaudo)